{% load static %}
{% load permission %}
{% load menu %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    {% block title %}
        <title>订单管理系统</title>
    {% endblock %}
    <link rel="stylesheet" href="{% static 'plugins/bootstrap/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/layout.css' %}">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>

<!-- 顶部 -->
<div class="pg-header">
    <div class="left">
        <a href="{% url 'home' %}">订单管理平台</a>
    </div>
    <div class="right">
        <a class="user-info" href="#">
            <span>{{ request.user_info.username }}</span>
            <img class="avatar" src="{% static 'img/user.png' %}">
        </a>
        <ul class="more-info">
            <li class="li-style"><a href="#">注销1</a></li>
            <li class="li-style"><a href="#">注销2</a></li>
            <li class="li-style"><a href="#">注销3</a></li>
            <li class="li-style"><a href="{% url 'logout' %}">退出</a></li>
        </ul>
    </div>
</div>

<div class="pg-body">
    <!-- 菜单 -->
    <div class="left-menu">
        {% menu request %}
    </div>

    <!-- 功能 -->
    <div class="right-main">
        {% breadcrumb request %}

        <div class="main-content">
            {% block content %}{% endblock %}
        </div>
    </div>
</div>
<script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
<script src="{% static 'js/menu.js' %}"></script>
</body>
</html>